<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<style>
		.shortselect{
		background:#fafdfe;
		height:35px;
		width:90px;
		line-height:28px;
		border:2px solid #9bc0dd;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px;}
	</style>
	<head>
		<meta charset="utf-8" />
		<title>区块链模型存证与溯源平台</title>
		<link rel="stylesheet" media="screen" href="css/login.css">
	</head>
	<body>
		<!-- particles.js container -->
		<div id="particles-js" style="display: flex;align-items: center;justify-content: center">
			<canvas class="particles-js-canvas-el" style="width: 100%; height: 100%;" width="472" height="625"></canvas>
		</div>
		<div class="apTitle">欢迎使用区块链模型存证与溯源平台</div>
		<div class="logcon">
			<form action="/search_model">
				<input type="text" placeholder="模型号" name="model_id" id="tt">
				<select class="shortselect" onchange="myfun()" id="ss">
					<option value="">-选择模型-</option>
<!--					下拉列表根据数据库去确定内容-->
					<option th:each="a:${all_model}" th:value="${a.model_id}" th:text="${a.model_id}"></option>
					</select>
				<button>确定</button>
			</form>
		</div>

		<!-- scripts -->
		<script src="js/login.js"></script>
		<script src="js/loginApp.js"></script>
		<script>
			function changeImg() {
				let pic = document.getElementById('picture');
				console.log(pic.src)
				if (pic.getAttribute("src", 2) == "img/check.png") {
					pic.src = "img/checked.png"
				} else {
					pic.src = "img/check.png"
				}
			}
		</script>
		<script type = "text/javascript" >
			function myfun(){
			 document.getElementById('tt').value=document.getElementById('ss').value;
			 }
		</script>
	</body>
</html>

